<template>
  <div>
      <topnav title="提现"></topnav>
      <div class="header">
          <p>提现金额</p>
          <div>
              <span>￥<input type="text" placeholder="输入提现金额"></span>
              <a href="#"></a>
          </div>
      </div>
      <div class="space">
          <p>选择提现到支付宝</p>
      </div>
     <div class="choose">
         <img src="../../assets/user/zhifubao.png" alt="">
         <div>
             <p>支付宝支付</p>
             <span>提现到支付宝，安全省心</span>
         </div>
         <van-checkbox checked-color="#ff6608" v-model="checked"></van-checkbox>
     </div>
      <div class="footer">
          <button>立即提现</button>
      </div>
  </div>
</template>

<script>
import topnav from "../../components/topNav"
import { Dialog } from 'vant' 
export default {
    data(){
        return{
            checked:true,
        }
    },
    methods:{
        
        
    },
    components:{
        topnav
    }
}
</script>

<style lang="less" scoped>
.space{
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    background-color: #f6f6f6;
    p{
        margin-left: 10px;
    }
}
.header{
    height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;       
    p{
        display: block;
        width: 100%;
        margin-left: 10px;
        font-size: 14px;
        color: #000;
    }
    div{
        display: flex;
        width: 100%;
        span{
            width: 85%;
            font-size:23px;
            margin-left: 20px;
            input{
                border: none;
                font-size: 16px;
                color: #ff6608;
            }
        }
        a{
            width: 10px;
            height: 10px;
            background: url("../../assets/user/close.png") no-repeat;
            background-size: 100%;
            align-self: flex-end;
        }
    }
}
.choose{
    height: 70px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f6f6f6;
    img{
        width: 40px;
        height: 40px;
        margin-left: 20px;
    }
    div{
        margin-left: 5px;
        font-size: 15px;
        p{
           color: #000; 
        }
        span{
            color: #7a7a7a;
            font-size: 12px;
        }
    }
    .van-checkbox{
        margin-left: 35%;
    }
    
}
.footer {
   text-align: center;
    margin-top: 150px;
    button{
        width: 80%;
        height: 45px;
        border: none;
        border-radius: 40px;
        color: #fff;
        background-color: #ff6608;
    }
}
</style>